<template>
  <view class="favorite-page">
    <view class="empty">
      <image class="img" src="https://placehold.co/200x200/png?text=%E6%9A%82%E6%97%A0%E6%94%B6%E8%97%8F" mode="aspectFit" />
      <text class="txt">你还没有收藏任何商品</text>
      <button class="btn" @tap="goExplore">去逛逛</button>
    </view>
  </view>
</template>

<script setup>
// 中文注释：收藏页面占位
import { getCurrentInstance } from 'vue'

const { proxy } = getCurrentInstance()

const goExplore = () => {
  uni.switchTab({ url: '/pages/index/index' })
}
</script>

<style scoped lang="scss">
.favorite-page { padding: 32rpx; min-height: 100vh; background: #f8f8f8; }
.empty { margin-top: 120rpx; display: flex; flex-direction: column; align-items: center; color: #999; }
.img { width: 200rpx; height: 200rpx; margin-bottom: 16rpx; }
.txt { margin-bottom: 16rpx; font-size: 26rpx; }
.btn { background: #ff6b00; color: #fff; border: none; border-radius: 12rpx; height: 80rpx; line-height: 80rpx; padding: 0 32rpx; font-size: 28rpx; }
</style>
